<!DOCTYPE html>
<html>
<head>
<title>功能模块管理</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="../../styles/css/bootstrap.min.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css">
<link rel="stylesheet" href="../../styles/css/module.css">
<script src="../../jsplugin/jquery.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script type="text/javascript">
	$(function() {
		//加载一级菜单模块
		loadModule("#module1", null);
		//监听#module1下的li的点击事件
		$("#module1").on("click", "li", loadNote);
		//监听#module2下的li的点击事件
		$("#module2").on("click", "li", loadNote1);
		//监听#module3下的li的点击事件
		$("#module3").on("click", "li", loadNote2);
	});
</script>
</head>

<body>
	<!-- 按钮栏 -->
	<div style="margin-top:20px">
	<button type="button" style="margin-left:50px" id="btn_edit" class="btn btn-primary" onclick="edit()">编辑</button>
	<button type="button" style="margin-left:5px" id="btn_delete" class="btn btn-primary" onclick="deleteModule()">删除</button>
	<button type="button" style="margin-left:5px" id="btn_reset" class="btn btn-primary" onclick="resetSelection()">重置</button>
		当前选择：<span id="currentSelections"></span>
	</div>
	<!-- 按钮栏 -->
	<!-- 菜单展示栏 -->
	<div style="width: 100%;height: 100%;text-align: center;">
		<div style="width: 33.3%;height: 100%;float: left;">
			<h3>一级模块</h3>
			<ul id="module1"></ul>
		</div>
		<div style="width: 33.3%;height: 100%;float: left;">
			<h3>二级模块</h3>
			<ul id="module2"></ul>
		</div>
		<div style="width: 33.3%;height: 100%;float: left;">
			<h3>三级功能按钮</h3>
			<ul id="module3"></ul>
		</div>
	</div>
	<!-- 菜单展示栏 -->
	<script src="../../common/myAlert.js"></script>
	<script type="text/javascript" src="../js/module.js"></script>
</body>
</html>
